Nuxt Server Components
#wattanx
さんの発表
Unlocking the potential of Nuxt Server Components - Speaker Deck
Deep dive into Nuxt Server Components - Speaker Deck
#RSC
React Server Components
こっちも勉強するのがよさそう
React Server Components の疑問を解き明かす - Speaker Deck
#Nuxt
には 2 種類のレンダリングモード
Client-Side Rendering
いいところ
動的にデータを取得
取得したデータを
#JavaScript
で画面に表示
#JavaScript
で画面遷移
課題
パフォーマンス
ブラウザの
#JavaScript
をダウンロード、解析、実行を待つ必要がある
-> コンテンツ表示まで遅い
検索エンジンの最適化
クローラーとの相性が悪い
Server-Side Rendering
Client-Side Rendering の課題を解決するぞ！
完全に
#レンダリング
された
#HTML
を返す
#Hydration
でもまだ課題がある
バンドルサイズの増大
#Hydration
の際にサーバーとクライアントで両方レンダリングする必要がある
これは両方で同じ
#DOM
構造を必要とするため
クライアント側では不要なのにバンドルサイズがでっかくなってしまう
#何が嬉しい
のか
Nuxt Server Componetns
を活かせるもの
ブログ
時限式コンポーネント
React Server Components で時限式コンポーネントを作る - mizdra's blog